<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>系统注册 - 电子公文传输系统</title>
    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath }/statics/css/style.css?v=<%= System.currentTimeMillis()%>"/>
    <script type="text/javascript">
        /* if(top.location!=self.location){
              top.location=self.location;
         } */
    </script>
</head>
<body class="login_bg">
<section class="loginBox">
    <header class="loginHeader">
        <h1>电子公文传输系统</h1>
    </header>
    <section class="loginCont">
        <form class="loginForm" action="/Project2_war_exploded/register" name="actionForm" id="actionForm" method="post" style="padding: 50px 38px 100px 30px;">
            <div class="info">${error }</div>
            <div class="inputbox">
                <label>用户名：</label>
                <input type="text" class="input-text" id="name" name="name" placeholder="请输入用户名" required/>
            </div>
            <div class="inputbox">
                <label>密码：</label>
                <input type="password" id="password" name="password" placeholder="请输入密码" required/>
            </div>
            <div class="inputbox">
                <label>验证码：</label>
                <input type="password" id="random" name="random" placeholder="请输入验证码" required style="width: 35%"/>
                    <span style='color:#0000cc'  onclick="refresh()"><img src="/Project2_war_exploded/image"  id="picture" style="position: absolute;margin-top: 5px;margin-left: 5px;"></span>
            </div>
            <div class="subBtn">
                <a style="width: 25%;text-decoration: none;
    cursor: pointer;
    background: #00ffc2;
    padding: 8px 18px;
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    color: #070202;
    font-size: 18px;
    border: 1px solid #4682be;
    margin-bottom: 10px;
    margin-right: 10px;
    text-shadow: 0 1px 1px rgb(0 0 0 / 50%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 4px 4px rgb(0 0 0 / 7%) inset, 0px 0px 0px 3px rgb(254 254 254), 0px 5px 3px 3px rgb(210 210 210);
    -moz-box-shadow: 0px 1px 4px 4px rgba(0, 0, 0, 0.07) inset, 0px 0px 0px 3px rgb(254, 254, 254), 0px 5px 3px 3px rgb(210, 210, 210);
    box-shadow: 0px 1px 4px 4px rgb(0 0 0 / 7%) inset, 0px 0px 0px 3px rgb(254 254 254), 0px 5px 3px 3px rgb(210 210 210);" href="/Project2_war_exploded/login">去登录</a>
                <input type="reset" value="重置"/>
                <input type="submit" value="注册"/>
            </div>
        </form>
    </section>
</section>
</body>
<script>
    function refresh(){
        document.getElementById("picture").src="/Project2_war_exploded/image?id="+Math.random();
    }
</script>
</html>
